<template>
  <div>
   <ListList
     :records="records"
    @isShow="isShowFn"
     @value="valueFn"
     @index="indexFn"
   ></ListList>
   <NewList  
      :isShow="isShow"
      @isShow=" isShow = $event"
      :oneRes="oneRes"
   ></NewList>
   </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 组件名称 from '组件路径'
import ListList from "./components/ListList.vue"
import NewList from "./components/NewList.vue"
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {
    ListList,
    NewList
  },
  data() {
    
    //这里存放数据
    return {
      oneRes:[],
      allRes:[],
      records: [
        {
          date: '2022-01-01',
          doctor: '张三',
          diagnosis: '感冒',
          prescription: '感冒药',
        },
        {
          date: '2022-02-01',
          doctor: '李四',
          diagnosis: '头疼',
          prescription: '止疼药',
        },
        {
          date: '2022-03-01',
          doctor: '王五',
          diagnosis: '腰痛',
          prescription: '止痛贴',
        }
      ],
      isShow: false
    }
  },
  //计算属性
  computed: {},
  //侦听器
  watch: {
   
  },
  //方法集合
  methods: {
    indexFn(index){
      this.oneRes[0] = this.records[index]
    },
    isShowFn(isShow){
      this.isShow=isShow
    },
//     valueFn(value){
//               console.log(value)
//         const  all  =     this.records.map(element => {
//   if (  element.doctor || element.date || element.diagnosis || element.prescription === value )   {
//                  return  element
//             }  else{
//               console.log(111)
//               return [
//   {
//     date: '2022-01-01',
//     doctor: '张三',
//     diagnosis: '感冒',
//     prescription: '感冒药',
//   },
//   {
//     date: '2022-02-01',
//     doctor: '李四',
//     diagnosis: '头疼',
//     prescription: '止疼药',
//   },
//   {
//     date: '2022-03-01',
//     doctor: '王五',
//     diagnosis: '腰痛',
//     prescription: '止痛贴',
//   }
// ]
//             }
//         }
        
//         )
//         console.log(all)
//       this. records =  [all]

//     }
valueFn(val){
  console.log(val)
}
  },
  //生命周期 - 创建完成（可以访问this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  //beforeCreate() {},   //生命周期 - 创建之前
  //beforeMount() {},    //生命周期 - 挂载之前
  //beforeUpdate() {},   //生命周期 - 更新之前
  //updated() {},        //生命周期 - 更新之后
  //beforeDestroy() {},  //生命周期 - 销毁之前
  //destroyed() {},      //生命周期 - 销毁完成
  //activated() {}       //页面有keep-alive缓存功能时触发这个函数
}
</script>


